@charset "utf-8";
/*css reset*/
html{width: 100%; font-family: "微软雅黑"; font-size: 20px; outline: none; -webkit-text-size-adjust: none; min-height:100%;}
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dd, figure, form, input, textarea{margin: 0; padding: 0;}
body{background-color: #f0f0f0; color: #333; font-family: "微软雅黑"; font-size: 0.7rem; line-height: 1.1rem;}
ul, ol{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; outline: none; border: none; tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0);}
.clearfix:after{content: '\200B'; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom: 1;}
.tac{text-align: center;}
.tar{text-align: right;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}
/*清除浮动*/
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.c9{color: #999;}
.c3{color: #333;}
.c6{color: #666;}
.pl5{padding-left: 0.5rem;}
.px64{padding:0 .64rem;}
.f68{font-size: 0.68rem;}
.f64{font-size: 0.64rem;}
.f60{font-size: 0.6rem;}
.f47{font-size: .47rem;}
.tdlt{text-decoration: line-through;}
.tdu{text-decoration: underline;}
.roseo{color: #fb0102;}
.w3{width: 3rem;}
.tc{text-align: center;}
.hhh{height: 2rem; line-height: 2rem; padding-left: 0.5rem; font-size: 0.65rem;}
.ohr{height:.64rem; background-color: #efefef;}
i,em{font-style: normal;}
.mb5{margin-bottom: 0.5rem;}
.ofwhd{overflow: hidden}
.flew2{float:left; width:50%;}
#infscr-loading{clear:both;margin-top:.2rem;}
.mas_more img{float: left;width: 1.1rem;height: 1.1rem;margin-left:2.2rem;}

html{margin:0 auto; overflow-x:hidden; position:relative; width:100%; min-width:320px; max-width:750px;}
body{background-color: #efefef; width:100%; min-width:320px; max-width:750px; overflow-x:hidden; position:relative; margin:0 auto;}
html.spLayer,body.spLayer{overflow-y:hidden; position:relative; height: 100%;}
.pagetop{margin-top: 1.88rem;}
.pagetop2{margin-top: 4rem; padding-top: 1px!important;}
.layinto{padding:0 .68rem;}
/*头部*/
.header{height:2rem; background-color: rgba(230,232,234,.9); text-align: center; position:fixed; top:0; width:100%; left:0; z-index: 9999;}
.header .logo{ height:1.4rem; margin-top:.3rem;}
.header .left-btn{width:1.6rem; height:2rem; line-height: 2rem; text-align: center; position: absolute; left:0; vertical-align: middle;}
.header .left-btn img{height:1.3rem; }
.searchItem{display: block; width:55%; margin:0 auto; height:1.2rem; line-height: 1.2rem; margin-top: .35rem; text-align: left; 
        padding-left: 8%; border-radius:.2rem; color:#999; font-size: .6rem; background:#fff url(../images/search-icon.png) no-repeat .3rem center;
        background-size:auto 60%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.header .search-btn,.header .hRight_btn2,.header .hRight_btn3{width:2rem; height:2rem; line-height: 2rem; text-align: center; position: absolute; right:0;}
.header a img{width:.9rem; height:.9rem; display: block; margin: .3rem auto 0;}
.header .hRight_btn2{width:1.6rem;}
.header .hRight_btn3{width:1.6rem; right:1.6rem;}
.header .hRight_btn2 img,.header .hRight_btn3 img{height:1.3rem; margin:.3rem auto 0; width:auto;}

/*首页轮播*/
.banner{position:relative; height:5.7rem; overflow: hidden; margin-top: 2rem;}
.banner li{float:left;}
.banner .swiper-pagination-bullet{width:.5rem; height:.5rem; background-color: #fff;}
.swiper-pagination-bullet-active{background-color: #fff;}
.btnbar{padding:.1rem .2rem .8rem; background-color: #fff;}
.btnbar .box{margin-top: .1rem;}
.btnbar .lbar{float:left; width:4.7rem;}
.btnbar .rbar{float:right; width:10.725rem; line-height:2.11rem; margin-bottom: .1rem; font-weight: bold; text-align: center; background-color: #e02c36; color:#fff;}
.btnbar .rbar2{float:right;width:5.275rem;margin-left:.17rem; line-height:2.11rem; margin-bottom: .1rem; font-weight: bold;
 text-align: center; background-color: #e02c36; color:#fff;}
.btnbar .boxBlue .rbar,.btnbar .boxBlue .rbar2{background-color: #448aff;}
.btnbar .boxOrange .rbar,.boxOrange .rbar2{background-color: #ff7043;}
.btnbar .boxDarkblue .rbar,.boxDarkblue .rbar2{background-color: #3f51b5;}
/*首页商品，新闻列表*/
.wrap{background-color: #fff; margin-top: .4rem; padding:.8rem .8rem .2rem;}
.wtitle {font-size: .61rem;}
.wtitle img{float:left; height:1em;}
.wtitle strong{float:left; font-size: 1em; line-height: 1em; margin-left: .2rem; color:#ff7043;}
.wtitle a{float:right; line-height: .8em; margin-top: .1em; color:#9a9a9a;}
.itemlist .list{margin-top: .5rem;}
.itemlist .list a{height:3.8rem; overflow: hidden; display: block; }
.itemlist .list img{float:left; height:2.4rem;  margin-top:.4rem; }
.itemlist .list .info{float:right; border-top:1px solid #e6e6e6; width:10rem; padding-top:.4rem;}
.itemlist a:first-child .info{border:0;}
.itemlist .list .name{font-size: .55rem; line-height: 1.6em; color:#404040;}
.itemlist .list .price{font-size: .45rem; color:#e02c36;}
.itemlist .list .time{font-size: .45rem; color:#a9a9a9; text-align:right;}
.homeBrands{padding:.8rem; overflow: hidden; background-color: #fff; margin-top: .6rem;}
.homeBrands a{float:left; width:25%; padding:.7rem 0; text-align: center; font-size: .52rem; color:#252322;}
.homeBrands a img{width:1.8rem; height:1.8rem;}

/*店铺列表*/
.storelist{width:100%; overflow: hidden; box-sizing:border-box;}
.storelist .list {margin-top: .5rem; height:7.7rem; padding-bottom:1.5rem;}
.storelist .list li{width:8rem; height:100%; overflow: hidden; box-shadow: 0 3px 5px 2px rgba(0,0,0,.2);}
.storelist .list a{ display: block;  height:100%;}
.storelist .list img{display: block; width:100%; height:5.3rem;}
.storelist .list .info{padding-left:.68rem;}
.storelist .list .name{font-size: .68rem; color:#404040; margin-top: .44rem;}
.storelist .list .project{font-size: .48rem; color:#9a9a9a;}

/*底部*/
.footer{background-color: #404040; padding:.5rem .8rem; line-height: 1.18rem;}
.footer-help-fl{float:left; width:50%;}
.footer-help-fr{float:right; width:50%;}
.footer-help dt{color:#898989; font-size: .64rem; font-weight: bold;}
.footer-help dd a{color:#ff7043; font-size: .55rem;}
.footer-copying{margin-top: .2rem; line-height: .9rem; font-size: .45rem; color:#fff; text-align: center;}

/*目录*/
.mask{position:fixed; width:100%; height:100%; z-index: 12345; top:0; left:0; background-color: rgba(0,0,0,.6); display: none; opacity: 0; transition:all .3s ease; -webkit-transition:all .3s ease;}
.menu-msg{position:fixed; overflow:hidden;  width:88%; height:100%; z-index: 12346; top:0; left:0; opacity: 0; 
    transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); background-color: #fff; 
    box-shadow: 4px 0 5px 2px rgba(0,0,0,.2);  transition:all .3s ease; -webkit-transition:all .3s ease; display: }
.menu-msg.open{transform:translateX(0); -webkit-transform:translateX(0); opacity: 1;}
.menu-head{width:100%; height:6rem; background:url(../images/regbg.jpg) no-repeat 0 0; background-size: 100%;  overflow: hidden; position:relative;}
.menu-head .facebg{width:3.4rem; height:3.4rem; background: url(../images/facebg.png) no-repeat 0 0; position:relative; background-size: 100%; margin-left:.68rem; margin-top:1.7rem; float:left;}
.menu-head .facebg img{width:87.5%; height:87.5%; padding-top:6.25%; padding-left:6.25%; outline: 0; border:0; border-radius:50%;}
.menu-head .facebg input{opacity:0; position:absolute; left:0; top:0;width:100%; height:100%; z-index: 1;}
.menu-head .toreg{float:left;  margin-top: 1.7rem; color:#fff; font-size: .68rem;}
.menu-head .toreg a{color:#fff; padding:.68rem; display: inline-block;}
.menu-head .toreg a strong{display: inline-block; line-height: 1rem;}
.menu-head .toreg a i{display: block; font-size: .5rem; font-style: normal;}
.menu-nav{margin-top: .32rem;}
.menu-nav a{display: block; line-height: 2rem; text-indent: .7rem; font-size: .6rem; color:#404040;}
.menu-nav a.on{background-color: #f5f5f5; color:#ff7043; font-weight: bold;}
.menu-nav .hr{padding-top:.32rem; border-top:2px solid #ebebeb; margin-top: .32rem;}

/*搜索页*/
.searchpage{background-color: #e6e6e6;}
.searchpage .header{background-color: #fbfbfb; position:static;}
.searchform{background-color: #c9c9ce; padding:.34rem .68rem ; }
.searchform input{width:100%; height:1.2rem; line-height: .6rem; padding:.3rem 0; font-size: .6rem; color:#9a9a9a; border:none; border-radius:5px;  box-sizing:border-box; text-indent: 10px;}
.hotsearch{padding:0.74rem 1rem 1.45rem; background:#fff url(../images/jagbg.png) repeat-x 0 bottom; display: none;}
.hotsearch .text{line-height: 1rem; height:1rem; overflow: hidden;}
.hotsearch .text img{height:100%; float:left;}
.hotsearch .text span{font-size: .62rem; color:#9a9a9a; margin-left: .45rem; font-family: "黑体"; float:left;}
.hotsearch .list a{margin:.17rem .17rem 0 0; padding:0 .9rem; line-height: 1.7rem; background-color: #f0f0f0; border-radius: 2px; color:#3c3c3c; font-size: .62rem; float:left;}
.suggest-search{background-color: #fff; padding:0 .64rem 1rem;}
.suggest-search a{display: block; line-height: 1.8rem; font-size: .64rem; color:#000; border-top:1px solid #c8c7cc;}
.suggest-search a:first-child{border:none;}

/*item列表页*/
.child-header{background-color: #e02c36; height:1.88rem; text-align: center; position:fixed; top:0; width:100%; min-width:320px; left:0; z-index: 9999;}
.child-header .title{color:#fff; line-height: 1.88rem; font-size: .79rem; font-weight: normal;}
.child-header .menu-btn,.child-header .left-btn,.child-header .back-btn{width:1.88rem; height:1.88rem; line-height: 1.88rem; text-align: center; position: absolute; top:0; left:0; vertical-align: middle;}
.child-header .filter-btn,.child-header .right-btn,.child-header .hRight_btn2,.child-header .hRight_btn3{height:1.88rem; text-align: center; position: absolute; right:0; top:0; line-height: 1.88rem; color:#fff; font-size: .68rem;}
.child-header .filter-btn,.child-header .right-btn{padding:0 .3rem;}
.child-header a img{width:.9rem; height:.9rem; display: block; margin: .46rem auto 0;}
.child-header .hRight_btn2{width:1.6rem;}
.child-header .hRight_btn3{width:1.6rem; right:1.6rem;}
.child-header .hRight_btn2 img,.child-header .hRight_btn3 img{height:1.3rem; margin:.3rem auto 0; width:auto;}
/*没有数据*/
.nodata{text-align: center; padding-top: 10%; color:#9a9a9a; }
.nodata img{width:34%;}
.nodata h4{font-size: .68rem; line-height: 1.3rem; margin-top: .4rem; font-weight: normal;}
.nodata p{font-size: .6rem; line-height: 1rem;}
.nodata a{display:inline-block; width:34%; box-sizing:border-box; border:2px solid #ff7043; line-height: 1.54rem; font-size: .6rem; color:#ff7043; border-radius:4px; padding:0 .7rem; margin-top: .8rem;}

/*相册*/
.itemgallery{position:fixed; left:0; top:0; background:#000; width:100%; height:100%; z-index: 9999999;}
.itemgallery li{position:relative; height:100%;}
.itemgallery img{position:absolute; width:100%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.itemgallery .swiper-scrollbar{background: rgba(255,255,255,.1)}
.itemgallery .swiper-scrollbar-drag{background: rgba(255,81,4,.6)}

/*分享层*/
.sharebuttonbox{position: fixed; display: none; width:100%; height:100%; height:100%; left:0; top:0; z-index: 99999; background:rgba(0,0,0,.65);}
.bdsharebuttonbox{position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align: center; box-sizing:border-box; padding:0 5%;}
.sharebuttonbox .bdsharebuttonbox li{width:33.33%; text-align: center; float:left;}
.sharebuttonbox .bdsharebuttonbox  a{width:3rem; height:3rem; float:none; display: inline-block; background: none; background-size:100%; background-repeat: no-repeat;}
.sharebuttonbox .bdsharebuttonbox  a.bds_qzone{background-image: url(../images/s_qzone.png); }
.sharebuttonbox .bdsharebuttonbox  a.bds_tsina{background-image: url(../images/s_sina.png); }
.sharebuttonbox .bdsharebuttonbox  a.bds_tqq{background-image: url(../images/s_qq.png); }
.sharebuttonbox .bdsharebuttonbox  a.bds_weixin{background-image: url(../images/s_weixin.png); }

.mycmthead{background-color: #fafafa; line-height: 2.1rem; height: 2.1rem; border-bottom: 2px solid #d5d5d5; position:relative;}
.mycmthead a{float:left; width:50%; line-height: 2.1rem; text-align: center; font-size: .6rem; color:#979797;}
.mycmthead a.on{font-weight: bold; color:#ff7043;}
.mycmthead i{position:absolute; width:50%; bottom:-2px; left:0; height:4px; background-color: #ff7043; transition:all .3s; -webkit-transition:all .3s;}

/*load层*/
.loadingmask{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.3) url(../images/loading-2.gif) no-repeat center; z-index: 999999;}

.formalert{line-height: 1.88rem; width:100%; font-size: .8rem; color:#fff; background-color: #FF7230; position:fixed; top:0; left:0; z-index: 99999; text-align: center; }
.animated {
    -webkit-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}



@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-120%,0);
        transform:translate3d(0,-120%,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,15%,0);
        transform:translate3d(0,15%,0)
    }
    75% {
        -webkit-transform:translate3d(0,-10%,0);
        transform:translate3d(0,-10%,0)
    }
    90% {
        -webkit-transform:translate3d(0,5%,0);
        transform:translate3d(0,5%,0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-120%,0);
        -ms-transform:translate3d(0,-120%,0);
        transform:translate3d(0,-120%,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,15%,0);
        -ms-transform:translate3d(0,15%,0);
        transform:translate3d(0,15%,0)
    }
    75% {
        -webkit-transform:translate3d(0,-10%,0);
        -ms-transform:translate3d(0,-10%,0);
        transform:translate3d(0,-10%,0)
    }
    90% {
        -webkit-transform:translate3d(0,5%,0);
        -ms-transform:translate3d(0,5%,0);
        transform:translate3d(0,5%,0)
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}

#floatTel{width:1.5rem; height:1.5rem; position:fixed; right:.5rem; top:4rem; z-index: 999999;}
/*首页下载APP浮动层*/
.downApp_layer{background-color: #292929; position:fixed; height: 3rem; z-index: 11111; font-family: "黑体"; width:100%; top:0; left:0;}
.downApp_head {padding-top: .2rem;}
.downApp_head a.close{float:right; width:.6rem; height:.6rem; margin-right: .2rem;}
.downApp_main{margin-top: .3rem;}
.downApp_main .dLogo{float:left; margin-left: .64rem; height:1.5rem;}
.downApp_main .text{float:left; margin-left: .2rem;}
.downApp_main strong{display: block; line-height: .9rem; color:#fff; font-size: .68rem; font-weight: normal;}
.downApp_main span{display: block; line-height:.6rem; color:#8e8e8e; font-size: .5rem;}
.downApp_main .downApp_btn{float:right; height:1.5rem; margin-right: 1rem;}
.downApp_is_show .header{top:3rem;}
.downApp_is_show .banner{margin-top: 5rem;}
.downApp_is_show #floatTel{top:7rem;}
.scanClient{padding:.3rem; background-color: #fff; text-align: center; border-top: 1px solid #efefef;}
.scanClient a{display: inline-block; width:16%; margin:0 10%; font-size: .6rem; line-height: 1.2rem; color:#666;}
.scanClient a img{width:100%;} 
.maskTel{position:fixed; bottom:0; left:0; width:100%; line-height: 2rem; font-size: 1rem; color:#fff; background-color: rgba(172,0,0,.8); text-align: center; z-index: 99;}
.maskTel img{height:1rem;}
body>.rootHide{display: none;}

.ntalk-mobile-iframe-window iframe{position:fixed!important; height:100%!important;}